import { getHeros } from '../utils';
import { ref, onMounted, watch } from 'vue';
export default function getAndSetHeros(type){
    //type是接收的一个类型,是通过props接收后采用toRefs包裹，再解构得到的，type.value是'heros'或'students'
    const heros = ref([]);
    const setHero = async () => {
        heros.value = await getHeros(type.value);
    }
    onMounted(setHero);
    //初始化时执行
    // 等价mounted () {
    //     this.setHero();
    // },
    watch(type, setHero);
    //在prop 的响应式引用上设置一个侦听器
    //watch里面可以直接拿到props模块的值type
    // 等价watch: {
    //     type: 'setHero',
    // }
    return {
        heros,
    }
}